<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>订单详情</title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" href="../css/common/mui.min.css">
	<link rel="stylesheet" href="../css/common/mui.extra.css">
	<link rel="stylesheet" href="../css/common/mui.picker.min.css">
	<link rel="stylesheet" href="../css/common/common.css">
	<style>
		.mui-table-view:before,
		.mui-table-view:after {
			background: none;
		}
	</style>
</head>

<body class="cj-bg-light-grey">
	<div id="orderPage">
		<header class="mui-bar mui-bar-nav mui-white-nav-bar">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">订单详情</h1>
		</header>
		<div  class="cj-line-20"></div>
		<div class="cj-line-20"></div>

		<div class="mui-content-padded cj-bg-white" id="tpl" style="padding:10px;text-align:center;margin-bottom:0px;">

		</div>

		<div onclick="wechat()" class="mui-content-padded cj-bg-white" style="border-top:1px solid #e8e8e8;margin-top:0px;padding:10px;text-align:center;">
			<span class="mui-icon mui-icon-phone"></span>&nbsp;&nbsp;&nbsp;联系客服
		</div>

		<div id="main">
		</div>

		<script type="text/html" id="cancelTpl">

			<p style="font-size:14px;font-weight:bold;color:#000;">订单已取消</p>
			<p style="font-size:12px;">订单已取消，如有疑问请联系客服</p>

		</script>
		<script type="text/html" id="noPay">

			<p style="font-size:14px;font-weight:bold;color:#000;">订单未付款</p>
			<div class="mui-btn mui-btn" id="cancel">取消订单</div>

		</script>
		<script type="text/html" id="payed">
			<p style="font-size:14px;font-weight:bold;color:#000;">下单成功，等等商家处理</p>
			<p style="color:#03a9f4;font-weight:bold;" id="downTime">00:00:00</p>
			<p style="color:#000;">后,订单自动取消</p>

		</script>
		<script type="text/html" id="use">
			<p style="font-size:14px;font-weight:bold;color:#000;">支付成功,请赶快使用吧</p>
			<div style="margin:0 auto;width:100px;" id="qcode"></div>
			<br/>
			<div class="mui-btn mui-btn" id="refund">申请退款</div>
		</script>
		<script type="text/html" id="refunded">

			<p style="font-size:14px;font-weight:bold;color:#000;">退款成功</p>
			<p style="font-size:12px;">退款已成功，如有疑问请联系客服</p>

		</script>
		<script type="text/html" id="refunding">
			<p style="font-size:14px;font-weight:bold;color:#000;">订单退款中</p>
			<p style="font-size:12px;">金额将在7天内退回你的支付账户</p>
			<p style="font-size:12px;">如有疑问请联系客服</p>
		</script>
		<script type="text/html" id="used">

			<p style="font-size:14px;font-weight:bold;color:#000;">订单已完成</p>
			<p style="font-size:12px;">感谢您对欢聚网的支持，欢迎下次光临</p>

		</script>
		<script type="text/html" id="refundfail">

			<p style="font-size:14px;font-weight:bold;color:#000;">退款失败</p>
			<p style="font-size:12px;">如有疑问请联系客服</p>
			<br/>
			<div class="mui-btn mui-btn" id="refund">申请退款</div>
		</script>
		<script type="text/html" id="mainTpl">
			<div class="mui-content-padded cj-bg-white" style="padding:10px;">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-media" >
						<span style="font-size:16px;" onclick="check(<%==productId %>,'<%==productType %>')">
								<img class="mui-media-object mui-pull-left" src="<%==product.imgs[0].imgUrl%>">
								<div class="mui-media-body">
										<%==product.title%>
									<p class="mui-ellipsis">
										总价:￥<%==product.price%>
									</p>
								</div>
							</span>
					</li>
				</ul>
			</div>

			<div class="mui-content-padded cj-bg-white" style="padding:10px;">
				<p>
					<span>活动时间:</span>
					<span ><%==activityTime%></span>
				</p>
				<p>
					<span>联系姓名:</span>
					<span><%==contactUser%></span>
				</p>
				<p>
					<span>联系手机:</span>
					<span><%==contactPhone%></span>
				</p>
				<p>
					<span>备注留言:</span>
					<span><%==contactNotes%></span>
				</p>
			</div>

			<div class="mui-content-padded cj-bg-white" style="padding:10px;">
				<p>
					<span>订单号码:</span>
					<span><%==ordersNum%></span>
				</p>
				<p>
					<span>下单时间:</span>
					<span><%==ctime%></span>
				</p>
			</div>

		</script>
		<script src="../js/common/mui.min.js"></script>
		<script src="../js/common/qrcode.min.js"></script>
		<script src="../js/common/mui.href.js"></script>
		<script src="../js/common/mui.picker.min.js"></script>
		<script src="../js/common/jquery.min.js"></script>
		<script src="../js/common/common.js"></script>
		<script src="../js/common/template-web.js"></script>
		<script src="../js/common/public.js"></script>
		<script src="../js/orders/detail.js"></script>
</body>

</html>
